{% extends "base.html" %}{% load pages_tags %}{% load_pages %}

        {% block content %}
        
        
		<div id="content" class="withsidebar">
        	<div id="main">
            	<div id="maincontent">
                    <h2 class="title_pattern uppercase"><span>Keep In Touch With Us</span></h2>
                    <p>Proin sed sem ante. Integer lacus orci, lacinia blandit euismod sed, sagittis et magna. Pellentesque gravida fermentum pulvinar. <span class="colortext">Cras id convallis urna.</span> Fusce eget leo quis tellus blandit porta. Mauris porta facilisis lacus, a ultricies lacus sagittis a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
                    
                    <div class="separator line"></div>
                    
                    
                    <div id="contactform">
                     
			 
			 {% if success %}
			<h2>Date posted:</h2>
			
			<p>Name: {{ name }}</p>
			<p>Email: {{ email }}</p>
			<p>Subject: {{ subject }}</p>
			<p>Message: {{ message }}</p>
			  
			 {% else %} 
			  
			<form id="contact" action="." method="post">
                        {% csrf_token %}
			 {{contact_form.as_p}}
			 
			  
			
			  
			
			    <fieldset>
			   {% comment %} 
                          <label for="name" id="id_name">Name:</label>
                          <input type="text" name="name" id="name"  value="" class="text-input" /><br/>
                          <label for="email" id="id_email">E-mail:</label>
                          <input type="text" name="email" id="email"  value="" class="text-input" /><br/>
                          <label for="subject" id="id_subject">Subject:</label>
                          <input type="text" name="subject" id="subject"  value="" class="text-input" /><br/>
                          <label for="msg" id="id_message">Message:</label>
			 
                         <textarea cols="60" rows="10" name="msg" id="msg" ></textarea> <br class="clear" />
                           {% endcomment %} 
			  <input type="submit" name="submit" class="butcontact" id="submit_btn" value="Submit"/>
                        </fieldset>
		   
                      </form>
			{% endif %}
		   
                      <br class="clear" />
		      {% comment %}
                      <span class="error" id="name_error">Please enter name !</span>
                      <span class="error" id="email_error">Please enter email address !</span>
                      <span class="error" id="email_error2">Please enter valid email address !</span>
                      <span class="error" id="msg_error">Please enter message !</span>
                      {% endcomment %}
                    </div><!-- end #contactform -->
		
		
		
                     <div class="clear"></div><!-- clear float -->
                </div><!-- end #maincontent -->
                <div id="sidebar">
                	<ul>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Contact Us</h2>
                            <div class="textwidget">
                           <p>48 Dial Hill Road<br/>
                            BS21 7HN<br>
			    Clevedon<br>
			   Somerset</p>
                            <p>
                            Telp: 0845 308 8 308<br/>
                           
                            Email: <a href="mailto:davies.josh@gmail.com" class="colortext">davies.josh@gmail.com</a><br/>
                            Website: <a href="http://www.epositsolutions.co.uk" class="colortext">www.epositsolutions.co.uk</a><br/>
                            </p>
                            </div>
                        </li>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Our Map</h2>
                            <div class="textwidget">
                            <iframe style="width:270px; height:250px; border:0; margin:0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Jalan+Kemanggisan+Utama,+Jakarta,+Indonesia&amp;sll=37.0625,-95.677068&amp;sspn=46.092115,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=Jalan+Kemanggisan+Utama,+Jakarta+Barat,+Jakarta,+Indonesia&amp;ll=-6.189793,106.7908&amp;spn=0.016639,0.034246&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Jalan+Kemanggisan+Utama,+Jakarta,+Indonesia&amp;sll=37.0625,-95.677068&amp;sspn=46.092115,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=Jalan+Kemanggisan+Utama,+Jakarta+Barat,+Jakarta,+Indonesia&amp;ll=-6.189793,106.7908&amp;spn=0.016639,0.034246&amp;z=14&amp;iwloc=A" style="text-align:left; color:#555">View Larger Map</a></small>
                            </div>
                        </li>
                    </ul>
                </div><!-- end #sidebar -->
                
                <div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
		
	{% endblock %}
        